.rank-container {
  height: 700px;
  overflow: hidden;
  background: url(./rank_bg.svg) 30px no-repeat;
  .rankTitle {
    margin: 50px 0 0 0;
    text-align: center;
    color: #dadada;
    font-size: 24px;
    span {
      padding: 0 10px;
      font-size: 32px;
      color: #d4a668;
    }
  }
  .rankLogin {
    text-align: center;
    margin-top: 50px;
  }
  .miningRank {
    .rankWrapper {
      position: relative;
      padding-top: 32px;
      padding-left: 150px;
      width: 650px;
      .rankList {
        li {
          display: flex;
          justify-content: space-between;
          font-size: 14px;
          margin-top: 20px;
          color: #dadada;
          &.rankHeader {
            margin-bottom: 16px;
            color: #dadada;
          }
          span {
            &.rank {
              flex: 0 0 80px;
              word-break: break-all;
            }
            &.username {
              flex: 0 0 200px;
              word-break: break-all;
            }
            &.realName {
              flex: 0 0 80px;
              word-break: break-all;
            }
            &.miningCount {
              flex: 0 0 80px;
              word-break: break-all;
            }
            &:last-child {
              text-align: right;
            }
          }
        }
      }
    }
    .deadline {
      margin: 20px 0;
      color: #d4a668;
      font-size: 13px;
    }
  }
}